﻿<template>
  <baseConfigUI :config.sync="config" :events.sync="events">
  </baseConfigUI>
</template>
<script>
import baseConfigUI from '../baseConfigUI.vue'
import dataSourceConfig from '../dataSourceConfig.vue'
export default {
  components: {baseConfigUI, dataSourceConfig},
  props: ['config', 'events'],
  mounted () {
    if (!this.config.other.limit) {
      this.$set(this.config.other, 'limit', 10)
    }
  },
  data () {
    return {
      fitOptions: [{
        value: 'fill',
        label: 'fill'
      }, {
        value: 'contain',
        label: 'contain'
      }, {
        value: 'cover',
        label: 'cover'
      }, {
        value: 'none',
        label: 'none'
      }, {
        value: 'scale-down',
        label: 'scale-down'
      }]
    }
  },
  methods: {
  }
}
</script>
